<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="com.wframe.project.jnd.util.ServletUtils" %>
<%@ include file="/website/common/base.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>订单提交成功</title>
    <link rel="stylesheet" href="${webctx}/css/payment.css">
    <%@ include file="/website/common/common.jsp"%>
</head>
<style>
    .check-out-head{
        background-color: #fff;
    }
    .check-out-head .buySteps{
        margin-top: 45px;
    }
    .check-out-con{
        background-color: #fff;
        margin-bottom: 50px;
        width:840px;
        height: 212px;
        padding:114px 75px;
        margin-top: 10px;
    }
    .text{
        width:500px;
    }
    .msg-success{
        font-size:20px;
        color:#0daeff;
        margin-bottom: 5px;
    }
    .text ul li{
        float: left;
        width:50%;
        font-size:16px;
        color:#666;
        margin-top: 25px;
    }
    .text ul li span{
        color: #333;
        font-size:14px;
    }
    .address{
        margin-top: 12px;
        font-size:16px;
        color:#666;
        line-height: 1.5;
    }
    .address span{
        display: inline-block;
        width:400px;
        color: #333;
        font-size:14px;
    }
    .again-btn{

    }
    .text-btn{
        margin-top: 38px;
        display: inline-block;
        width:130px;
        height:38px;
        border:1px solid #00acff;
        font-size:16px;
        color: #00acff;
        line-height:38px;
        text-align: center;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
    }
    .detail-btn{
        color: #fff;
        background-color: #00acff;
        margin-left: 5px;
    }
    .detail-btn:hover{
        color: #fff;
    }



</style>
<body style="background-color: #f8f8f8;">
<%@ include file="/website/common/top-new.jsp" %>
<div id="check-out" class="clearfix">
    <div class="check-out-head">
        <div class="head wid990 clearfix">
            <div class="logo"><a href="${ctx }/website/index.jsp"><img src="${webctx }/images/logo.png" /></a></div>
            <ul class="buySteps">
                <li class="s-1 ">1.我的购物车</li>
                <li class="">2.填写核对订单信息</li>
                <li class="cur-2">3.成功提交订单</li>
            </ul>
        </div>
    </div>
    <div class="check-out-con wid990 clearfix">
        <img src="${webctx}/images/pay/tijiao.png" alt="">
        <div class="text fr">
            <p class="msg-success">感谢您，订单提交成功！</p>
            <ul class="clearfix">
                <li>订单号：<span>10439442890</span></li>
                <li>订单金额：<span>¥40.00</span></li>
                <li>收件人：<span>王小明</span></li>
                <li>联系电话：<span>10439442890</span></li>
            </ul>
            <p class="address"><em class="fl">收货地址：</em><span>广东省　广州市　天河区　棠下街道自编188号
                乐天大厦808室紫鲸互联（紫小鲸　收）</span></p>
            <a class="text-btn again-btn" href="javascript:;">继续逛逛</a>
            <a class="text-btn detail-btn" href="javascript:;">查看订单详情</a>
        </div>
    </div>
</div>
<%@ include file="/website/common/foot-site.jsp" %>
</body>
</html>
